<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		*{
			padding: 0;
			margin: 0;
		}
		.warp{
			display: flex;
			flex-direction:column;
			height: 100vh;
		}
		.top{
			background-color: red;
			height: 25%;
			width:200px;
		}
		.center{
			flex: 50%;
			background-color: blue;
			width:200px;
		}
		.colorr{
			background-color: yellow;
			height: 25%;
			width: 200px;
		}
	</style>
	<body>
		<div class="warp">
			<div class="top"></div>
			<div class="center"></div>
			<div class="colorr"></div>
		</div>
		
	</body>
</html>
